@charset "utf-8";
/* CSS Document */
/*CSS reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
a{text-decoration:none;color:#555;cursor:pointer;}
a:hover{text-decoration:none;}
ol,ul{list-style:none}
.hidden{visibility:hidden}
.hide{display:none}
.bn{border:0 !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}
* html .clearfix{height:1%}.clearfix{display:block}
.fl{float:left;display:inline}.fr{float:right;display:inline}
input,button,textarea{border:none 0; outline:none;}
select{outline:none;}
input[type="checkbox"]{
	margin-right:5px;
    margin-top:2px;
	display:block;
	float:left;
}
img {
    max-width: 100%;
		margin:auto;
    border: 0;
}
.inline{display:inline-block;}
ul.inline>li,.nav>li{display: block; float: left;}
.mt50{margin-top:50px;}
/*--CSS comment--*/
.a-blue{color:#3EA8CC;}
.a-blue:hover{text-decoration:underline; color:#36C;}
.r5{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
border-radius:5px;
}
/*----main----*/
body {
	font-family:'Lato', 'Myriad Pro', 'Trebuchet MS', 宋体b8b\4f53, sans-serif;
	background:url(../img/bg.jpg) #f9f9f9 repeat top left;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	overflow-y: scroll;
	overflow-x: hidden;
}
.g-inner{
	display:block;
	width:1024px;
	margin:auto;
	position:relative;
}
.container{
	width: 100%;
	position: relative;
	background: transparent url(../img/light.png) fixed no-repeat center top;
	margin-top:40px;
}
#search{
	width:90px;
	border:1px solid #ddd;
height: 20px;
padding:3px;
line-height: 20px;
background: none;
-webkit-appearance: none;/*--取消默认样式--*/
box-shadow: none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
-moz-transition: width 0.35s linear 0.1s;
-webkit-transition: width 0.35s linear 0.1s;
-ms-transition: width 0.35s linear 0.1s;
-o-transition: width 0.35s linear 0.1s;
transition: width 0.35s linear 0.1s;
font-size: 12px;	
}
#search:focus {
	width:150px;
}
/*--footer--*/
.copyright{
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
	line-height: 22px;
}
/*--footer-end--*/
@media(max-width:1024px) {
	.g-inner{
		width:99%;
	}
}
@media(max-width: 767px){
	.user_atten{
		clear:both;
		float:left !important;
		margin-left:150px;
	-webkit-transition: all .7s ease-in .1s;
	-moz-transition: all .7s ease-in .1s;
	-o-transition: all .7s ease-in .1s;
	transition: all .7s ease-in .1s;
	}
}
/*小三角形*/
.nav_user a b{
	position:absolute;
	top:14px;
	right:0px;
	width: 0;
	height: 0;
	border-width: 4px 4px;
	border-style: solid;
	border-color: #aaa transparent transparent;
	font-size: 0;
	line-height: 0;
 -moz-transition: -moz-transform .2s ease-in;
 -o-transition: -o-transform .2s ease-in;
 transition: transform .2s ease-in;
 -webkit-transition: -webkit-transform .2s ease-in;
-moz-transition: -webkit-transform .2s ease-in;
-o-transition: -webkit-transform .2s ease-in;
transition: -webkit-transform .2s ease-in
}
.nav_user:hover a b{
	filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
	border-color:transparent transparent #aaa;
	-moz-transform: rotate(180deg);
	-moz-transform-origin: 50% 30%;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 30%;
	-o-transform: rotate(180deg);
	-o-transform-origin: 50% 30%;
	transform: rotate(180deg);
	transform-origin: 50% 30%;
	top:16px;
}

/*-----icon-----*/
.icon16{
	position: absolute;
	left: 10px;
	top: 10px;
	width:16px;
	height:16px;
	background:url(../img/header_sprite.png) 0 -1px no-repeat;
}
.icon-mine{background-position:0 -1px}
.icon-mine:hover{background-position:-22px -1px}
.icon-mobile{background-position:0 -31px}
.icon-mobile:hover{background-position:-22px -31px}
.icon-friends{background-position:0 -61px}
.icon-friends:hover{background-position:-22px -61px}
.icon-goodies{background-position:0 -91px}
.icon-goodies:hover{background-position:-22px -91px}
.icon-papers{background-position:0 -121px}
.icon-papers:hover{background-position:-22px -121px}
.icon-about{background-position:0 -151px}
.icon-about:hover{background-position:-22px -151px}
.icon-settings{background-position:0 -181px}
.icon-search:hover{background-position:-22px -181px}
.icon-signup{background-position:0 -211px}
.icon-signup:hover{background-position:-22px -211px}

/*------icon----end------*/


/*------btn------------*/
.btn-blue {
	cursor: pointer;
	display: block;
	padding: 0 50px;
	font:14px/30px "微软雅黑";
	margin-top: 15px;
	color: #fff;
	background-color:#39F;
}
.btn-blue:hover {
	background-color:#3EA8CC;
}
.btn-large{
	font-size:16px;
	padding:8px 30px;
}
/*------btn----end------*/

/*----modal------*/
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	width: 560px;
	margin: -175px 0 0 -280px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.modal.fade {
	top: -100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
	-ms-transition: opacity 0.3s linear, top 0.3s ease-out;
	-o-transition: opacity 0.3s linear, top 0.3s ease-out;
	transition: opacity 0.3s linear, top 0.3s ease-out;
}
.fade {
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.modal.fade.in {
	top: 50%;
	opacity: 1;
}
.modal .close {
	position: absolute;
	top: 0;
	right: 8px;
	font-size: 24px;
	color: #999;
	z-index:99;
}
.modal .close:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#register .modal-left, #register .modal-right {
	min-height: 370px;
}
#login .modal-left,#login .modal-right,#upload_img .modal-left,#upload_img .modal-right {
	min-height: 350px;
}
.modal-left {
	float: left;
	width:360px;
}
.third-party-mod {
	margin-top: 30px;
	margin-left: 20px;
}
.modal-right {
	position: relative;
	float: right;
	width:198px;
	border-left: 1px dashed #ddd;
	background-color: #5A5A5A;
	color: #AAA;
}
/*---social---*/
.social a {
	margin-top: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	display: -moz-inline-box;
 *display:inline -moz-box-orient:vertical;
	display: inline-block;
	vertical-align: middle;
 *vertical-align:auto;
	text-indent: -9999px;
	margin-right: 0px;
	width: 28px;
	height: 28px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.social a:hover {filter: alpha(opacity=50);	-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.social a.qq {background: url(../img/qq.png) center no-repeat #4EC4E2;border: 1px solid #4EC4E2;}
.social a.qq:hover {background: url(../img/qq.png) center no-repeat #0082CB;border: 1px solid #0082CB;}
.social a.facebook {background: url(../img/facebook.png) center no-repeat #3b5998;border: 1px solid #3B5998}
.social a.facebook:hover {border: 1px solid #2d4373;background: url(../img/facebook.png) center no-repeat #2d4373;}
.social a.twitter {background: url(../img/twitter.png) center no-repeat #55cff8;border: 1px solid #55CFF8}
.social a.twitter:hover {border: 1px solid #24c1f6;background: url(../img/twitter.png) center no-repeat #24c1f6;}
.social a.renren {background: url(../img/renren.png) center no-repeat #2293D1;border: 1px solid #2293D1;}
.social a.renren:hover {border: 1px solid #1D49A0;background: url(../img/renren.png) center no-repeat #1D49A0;}
.social a.sina {background: url(../img/sina.png) center no-repeat #DD4428;border: 1px solid #DD4428;}
.social a.sina:hover {border: 1px solid #e71f19;background: url(../img/sina.png) center no-repeat #e71f19;}
/*----end----*/
.login-mod {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.login-mod a {
	border: 1px solid #666;
	display: block;
	width: 130px;
	height: 30px;
	padding-left: 20px;
	line-height: 30px;
	font-size: 14px;
	margin-top: 5px;
	color: #fff;
}
.login-mod a:hover {
	background-color: #666;
}
/*--登录&注册-*/
.modal-left form {
	margin: 32px 0 0 40px;
}
.modal-left legend {
	font-size: 18px;
	font-family: '微软雅黑';
}
.form-group {
	background-color: #EEF1F0;
	margin-top: 12px;
	padding: 8px 10px;
	color: #666;
}
.form-group label {
	display: inline-block;
	width: 4em;
	margin-right: 5px;
}
.form-group input {
	color: #666;
	background-color: #EEF1F0;
	width: 205px;
}
.form-group.captcha {
	width: 135px;
	padding-right: 0;
	float: left;
	margin-right: 6px;
}
.form-group.captcha input {
	width: 4em;
}
.form-group.error input {
	color: red;
}
img.captcha {
	margin-top: 12px;
	cursor: pointer;
}
.form-group input:focus {
	outline: none;
}
.recsubmit {
	margin-top: 15px;
}
.recsubmit label {
	margin-right: 10px;
}
/*--上传图片*/
.modal_upload{
	margin:30px;	
}
.img_upload{
	position:relative;
	border:2px dashed #ddd;
	height:250px;
	margin-top:10px;
	background:url(../img/update_img.png) 50% 30% no-repeat;
}
.img_upload > a{
	position:absolute;
	top:120px;
	left:170px;
}
.img_upload .file{
	width:155px;
	height:50px;
	display:block;
	font-size:16px;
	position:absolute;
	top:0;
 filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;
	cursor:pointer;
}
.upload_info .modal-left,#upload_img{
	overflow:hidden;
}
.upload_info img{
	display:block;
	vertical-align:middle;
		margin:20px auto;
		max-height:310px;
		max-width:320px;
		text-align:center;
		
}
.selectPanel{
	width:120px;
	height:25px;
	margin-right:10px;
}
.form_img{
	margin:35px 20px;
}
.form_img input,.form_img textarea{
	width:155px;
	line-height:21px;
	outline:none;
	margin-bottom:20px;
}
/*----modal--end----*/
.well,.well-large{
		background-color:#fff;min-height: 50px;margin-bottom: 10px;-webkit-box-shadow:-1px 1px 10px #ccc;
-moz-box-shadow:1px 1px 10px #ccc;
-ms-box-shadow:1px 1px 10px #ccc;
-o-box-shadow:1px 1px 10px #ccc;
box-shadow:1px 1px 10px #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;
border-radius:5px;
}
.well{ 
  padding:10px 19px;	
}
.well-large{
 padding:30px 49px;
}